<template>
  <div class="news">
    <h2>最新新闻资讯</h2>
    <ul>
      <li v-for="newsItem in newsItems" :key="newsItem.id">
        <h3>{{ newsItem.title }}</h3>
        <p>{{ newsItem.content }}</p>
        <p><time>{{ newsItem.date }}</time></p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'News',
  data() {
    return {
      newsItems: [
        {
          id: 1,
          title: '公司新品发布',
          content: '我们即将推出一款全新的产品，敬请期待！',
          date: '2024-12-01'
        },
        {
          id: 2,
          title: '企业荣获奖项',
          content: '在最近的行业评选中，我们公司凭借卓越的表现荣获了重要奖项。',
          date: '2024-11-15'
        }
      ]
    }
  }
}
</script>

<style scoped>
.news ul {
  list-style: none;
  padding: 0;
}

.news li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
</style>